<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>品牌印象</title>
        <link href="__PUBLIC__/css/hangye.css" rel="stylesheet" type="text/css" />
        <link href="__PUBLIC__/css/comm.css" rel="stylesheet" type="text/css" />
		<link href="__PUBLIC__/css/panel.css" rel="stylesheet" type="text/css" />
        <link href="__PUBLIC__/css/brandyinxiang.css" rel="stylesheet" type="text/css" />
        <link href="__PUBLIC__/css/sky.css" rel="stylesheet" type="text/css" />
        <link href="__PUBLIC__/css/tree.css" rel="stylesheet" type="text/css" />
        <script src="__PUBLIC__/js/jquery.js" type="text/javascript"></script>
        <script src="__PUBLIC__/js/sky.js" type="text/javascript"></script>
    </head>
    <body>
		<div class="containner">
        <include file="Index:header"/>
        <!--导航结束--> 
        <div class="body-center">
            <div class="path">
            <div class="w_tithead"> <strong>您当前的位置是： </strong><a href="__APP__">品购网首页</a><a href="__APP__/BaseBrand/">品牌印象 </a>{$brand.name}</div>
            </div>
            <div style="border-bottom:1px solid gray"><img src="__PUBLIC__/images/brand_yinxiang.gif"></div>
            <div class="yinxiang">
                <div class="menu">
                    <p class="blue">{$brand.name}</p>
                    <div id="categoryTree" class=" tree">
                        <ul>
                            <volist name="categorys" id="one">
                            <li>
                                <div style="width: 0px;"></div>
                                <div class="btn close"></div>
                                <span>{$one.name}</span>
                                <ul id="commodityTree">
                                    <volist name="one.commoditys" id="commodity">
                                        <li>
                                            <div style="width: 40px;"></div>
                                            <span><a>{$commodity.name}</a></span>
                                        </li>
                                    </volist>
                                </ul>
                                
                            </li>
                            </volist>
                        </ul>
                    </div>
                </div>
                <div class="wall" id="wall">
                    <p>
                    <if condition="$_GET['commodity']">
                    	<a href="__APP__/Home/Share/ShareList/commodity_id/{$get_commodity.id}">{$_get_commodity}</a>
                    <else/>
                    	商品名称
                    </if>
                    
                    </p>
                    <div class="sky" id="sky">
                    </div>
                    <div class="tongji">
                        <div class="top5">
                            <p>最热印象词前五位</p>
                            <ul>
                                <volist name="brand_list" id="one" offset="0" length='5'>
                                <li>
                                    <span>{$one.caption}</span>
                                    <span class="baifenbi">
                                    <span style="width:{$one.baifenbi}%;background:red;height:10px"></span>
                                    </span> {$one.num} {$one.baifenbi|number_format="2"}%
                                </li>
                                </volist>
                            </ul>
                        </div>
                        <div class="maptable">
                            <p>本月商品评分趋势图</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <include file="Index:bottom" />
    <!--页尾部分-->
	</div>         
    </body>
</html>
<script>
    $(function(){
	var brand_str = {$brand_str|default="[]"};
        categoryTree();
        createSky(brand_str);
    });
    
    function categoryTree(){
        $("#commodityTree span").click(function(){
            var commodity = $(this).text();
            window.location="__APP__/BaseBrand/showInfo/id/{$brand.id}/commodity/"+commodity;
            $("#commodity_name").html(commodity);
        });
    }
    function createSky(billArray){
        new Sky("sky",billArray);
    }
</script>